<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>Login Form</title>
	<link href="./css/styles.css" rel="stylesheet" type="text/css" />
</h:head>
<h:body>
	<f:view>
		<div align="center">
			<div style="height: 100px;"></div>

			<div align="center" style="width: 700px;">
				<h:form>
					<fieldset>
						<legend>Login (hdang20@csc.com/P@ssword)</legend>
						<br />
						<div align="left">
							<h:messages styleClass="error" />
						</div>
						<table>
							<tr>
								<td>Email Address:</td>
								<td><h:inputText value="#{loginManageBean.emailAddress}"
										id="rangeField">
										<f:ajax event="keyup" render="cEmailStatus" />
									</h:inputText></td>
								<td><h:outputText value="#{loginManageBean.emailStatus}"
										id="cEmailStatus" escape="false" /></td>
							</tr>
							<tr>
								<td>Password:</td>
								<td><h:inputSecret value="#{loginManageBean.password}">
										<f:ajax event="keyup" render="cPasswordStatus" />
									</h:inputSecret></td>
								<td><h:outputText value="#{loginManageBean.passwordStatus}"
										id="cPasswordStatus" escape="false" /></td>
							</tr>
							<tr align="center">
								<td colspan="3"><br /> <h:selectBooleanCheckbox
										value="#{loginManageBean.checkboxToProfiles}" />Modify My
									Profiles</td>
							</tr>
							<tr align="center">
								<td colspan="3"><h:commandButton value="Login"
										action="#{loginManageBean.login}" /><br /></td>
							</tr>
						</table>
					</fieldset>
				</h:form>

			</div>
		</div>
	</f:view>
</h:body>
</html>